﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>返利项目列表 - 给利网 - 理性安全理财，就在给利网！</title>
    <style type="text/css">
        body, td, th {
            font-family: 微软雅黑;
            color: #666666;
        }

        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-color: #eaeaea;
        }

        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
        }

        .STYLE13 {
            font-size: 14px;
            color: #999999;
        }

        .STYLE20 {
            font-size: 14px;
            color: #71c5a3;
        }

        .STYLE23 {
            font-size: 16px
        }

        .STYLE28 {
            color: #999999;
            font-size: 20px;
        }

        .STYLE29 {
            font-size: 14px
        }

        .STYLE30 {
            color: #71c5a3;
            font-size: 40px;
        }

        .STYLE31 {
            color: #CCCCCC;
            font-size: 14px;
        }

        .STYLE1 {
            font-size: 12px
        }

        .STYLE3 {
            color: #328ae3;
            font-size: 12px;
        }

        .STYLE4 {
            font-size: 16px;
            color: #328ae3;
        }

        .STYLE5 {
            font-size: 16px;
            color: #666666;
        }

    </style>
    <style>
        .MJF_filter a {
            cursor: pointer;
            text-decoration: none;
            color: #999;
            padding: 0px 5px;
        }

        .MJF_filter a:hover {
            background-color: #71c6a3;
            color: #fff;
            border-radius: 3px;
            padding: 0px 5px;
        }

        .MJF_filter .active {
            background-color: #71c6a3;
            color: #fff;
            border-radius: 3px;
            padding: 0px 5px;
        }

        .MJF_job_list li {
            float: left;
            background-color: #fff;
            width: 285px;
            margin: 0px 10px 20px;
            height: 300px;
            transition: box-shadow 0.3s ease-in-out;
            cursor: pointer;
            position: relative;
        }
        .MJF_job_list li img{
            width: 160px;
            height: 80px;
        }
        .MJF_job_list li:hover {
            box-shadow: 0px 0px 10px #999;
            transition: box-shadow 0.3s linear;
        }

        .MJF_job_list li p {
            margin: 0px;
            padding: 0px;
        }

        .MJF_job_list li .p0 {
            margin-top: 10px;
            font-size: 14px;
            color: #999;
        }

        .MJF_job_list li .p1 {
            margin-top: 10px;
            font-size: 14px;
            color: #999;
        }

        .MJF_job_list li .p2 {
            margin-top: 1px;
            font-size: 20px;
            color: #999;
        }

        .MJF_job_list li .p3 {
            margin-top: 22px;
            font-size: 14px;
            color: #666;
        }

        .MJF_job_list li .p4 {
            color: #ccc;
            font-size: 14px;
            margin-top: 17px;
        }

        .MJF_job_list li .b1 {
            margin-top: 22px;
            font-size: 40px;
            color: #71c5a3;
        }

        .MJF_job_list li .b2 {
            margin-top: 22px;
            font-size: 14px;
            color: #71c5a3;
        }

        .MJF_job_list li div {
            width: 255px;
            height: 1px;
            background-color: #eaeaea;
            margin-left: 15px;
        }
        .nklss {
            display: inline-block;
            min-width: 80px;
        }
    </style>
    <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div th:replace="/front/common::header"></div>
<div th:replace="/front/common::top"></div>

<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="20"></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="80" align="center"><a href="http://www.glw66.com/" target="_blank"><img th:src="@{/front/img/banner.png}"
                                                                                            width="1200" height="80"
                                                                                            border="0"/></a></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="20"></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="MJF_filter">
    <tr>
        <td>
            <form th:action="@{/platform/list}" method="post">
                <input type="hidden" name="areaId" th:value="${platform?.areaId}"/>
                <input type="hidden" name="investCount" th:value="${platform?.investCount}"/>
            </form>
            <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#d8d8d8">
                <tr>
                    <td>
                        <table width="100%" border="0" cellspacing="1" cellpadding="0">
                            <tr>
                                <td height="50" bgcolor="#f7f7f7">&nbsp;&nbsp;&nbsp;&nbsp;<span
                                        class="STYLE23">筛选平台条件</span></td>
                            </tr>
                            <tr>
                                <td bgcolor="#FFFFFF" style="padding:25px 0px;">
                                    <table width="95%" border="0" align="center" cellpadding="5" cellspacing="0">
                                        <tr>
                                            <td width="80" height="40" align="right" class="STYLE13">投标次数：</td>
                                            <td>
                                                <span class="STYLE13 nklss"><a th:class="${#strings.isEmpty(platform.investCount)?'active':''}"  href="javascript:void(0);" onclick="searchForms('1');">不限</a></span>
                                                <span class="STYLE13 nklss" th:each="invest:${invests}">
                                                    <a href="javascript:void(0);" th:class="${#strings.equals(platform.investCount,invest.code)?'active':''}" onclick="searchForms('1',this);" th:attr="code=${invest.code}" th:text="${invest.name}"></a>
                                                </span>
                                            </td>
                                        </tr>
                                    </table>
                                    <table width="95%" border="0" align="center" cellpadding="5" cellspacing="0">
                                        <tr>
                                            <td width="80" height="40" align="right" class="STYLE13">平台地区：</td>
                                            <td>
                                                <span class="STYLE13 nklss"><a th:class="${#strings.isEmpty(platform.areaId)?'active':''}" href="javascript:void(0);" onclick="searchForms('2');">不限</a></span>
                                                <span class="STYLE13 nklss" th:each="area:${platformareaList}">
                                                    <a href="javascript:void(0);" th:class="${#strings.equals(platform.areaId,area.id)?'active':''}" onclick="searchForms('2',this);" th:attr="areaId=${area?.id}" th:text="${area?.areaName}"></a>
                                                </span>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="20"></td>
    </tr>
</table>


<div style="width:1200px; text-align:center; margin:0 auto; clear:both;" class="MJF_job_list">
    <ul style="list-style:none;padding: 0px; margin:0px -10px; float:left;" class="MJF_job_list_inner">
        <a th:each="platform:${platformList}" th:href="@{/platform/detail(id=${platform.id})}" target="_blank">
            <li style="border-top: 2px solid #FCF8DD">
                <p class="p0"><img th:src="${platform.logoPath}"/></p>
                <p class="p1">平台预期年化</p>
                <p class="p2" th:text="${platform.annualized}"></p>
                <p class="p3">最高返利</p>
                <span class="b1" th:text="${platform.rebate}"></span><span class="b2">元</span>
                <div></div>
                <p class="p4">有效投资期限：<span th:text="${platform.investDate}"></span></p>
            </li>
        </a>
    </ul>
</div>

<div style="width:1200px; text-align:center; margin:0 auto; height:50px; background-color:#f5f5f5; clear:both; font-size:20px;padding-top:22px; margin-bottom:20px;">
    <span class="load_data" style="color:#d5d4d4; cursor:pointer;">+点击加载更多内容</span>
</div>

<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="20"></td>
    </tr>
</table>
<style>
    .foot1 {
        color: #a4a5a7;
        font-size: 16px;
        font-weight: bold;
    }

    .foot2 {
        color: #a4a5a7;
        font-size: 14px;
    }

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    .footer a {
        color: #a4a5a7;
    }

    -->
</style>
<div th:replace="/front/common::footer"></div>


<script type="text/javascript">
    
    function searchForms(type,obj) {
        if(type=="1"){
            if(obj){
                $("input[name='investCount']").val($(obj).attr("code"));
            }else{
                $("input[name='investCount']").val("");
            }
        }else if(type=="2"){
            if(obj){
                $("input[name='areaId']").val($(obj).attr("areaId"));
            }else{
                $("input[name='areaId']").val("");
            }
        }
        $("form").submit();
    }
</script>
</body>
</html>
